<template>
  <div>
    <el-card body-style="padding:0;" style="margin-bottom: 20px;" class="panel-header">
      <div slot="header" style="display: flex; justify-content:space-between;">
        <span>
          <span class="back-button" @click="$router.go(-1)">
            <i class="el-icon-back" />
            <span>返回</span>
          </span>
          <span>资源管理</span>
        </span>
      </div>
    </el-card>
    <el-container style=";dispaly:flex">
      <el-aside width="200px" style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);border-radius:4px">
        <el-col :span="24">
          <el-menu
            :router="true"
            style=" height:600px"
            default-active="/resourcemanager/mycharts"
            class="el-menu-vertical-demo"
          >
            <el-menu-item index="/resourcemanager/mycharts">
              <i class="el-icon-pie-chart" style="margin-right:25px"></i>
              <span slot="title">我的图表</span>
            </el-menu-item>
            <el-menu-item index="/resourcemanager/myfile">
              <i class="el-icon-folder-opened" style="margin-right:25px"></i>
              <span slot="title">我的文件</span>
            </el-menu-item>
            <el-menu-item index="/resourcemanager/myimage">
              <i class="el-icon-picture-outline-round" style="margin-right:25px"></i>
              <span slot="title">我的图片</span>
            </el-menu-item>
          </el-menu>
        </el-col>
      </el-aside>
      <el-main style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);margin-left:20px">
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>


 <script>
</script>


<style lang="scss" scoped>
.back-button {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #909090;
  cursor: pointer;
  span {
    padding: 5px;
    font-size: 14px;
  }
}
</style>